<template>
    <div >
     <div class="bottom">
        <div class="toptitle">
            前面是不一样的风景
        </div>
        <div class="txt">
            <span>电话: <span class="color">151564515646</span> </span>
            <span>接待中心: <span class="color">上海浦东花园石桥路28弄</span> </span>
            <span>
官方微博： <span class="color">汤臣一品</span> 
            </span>
        </div>
     </div>
    </div>
  </template>
  
  <script>
  export default {
    data(){
      return{
      }
    }
  }
  </script>
  
  <!-- Add "scoped" attribute to limit CSS to this component only -->
  <style scoped lang="less">
  .bottom{
    width: 100%;
    height: 150px;
    background-color: rgba(51, 51, 51, 1);
    color: #c3c3c3;
    margin-top: 100px;
    box-sizing: border-box;
    padding-top: 30px;
    .txt{
        width: 70%;
        margin: 30px auto;
        display: flex;
        justify-content: space-evenly;
        .color{
            color: #fff;
        }
    }
  }
  </style>
  